<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>fragment</title>
</head>
<body>
<!--顶部菜单模板-->
<div th:fragment="toper" class="row clearfix full-width">
    <div class="col-md-12 column" style="margin: 0px;padding:0px;">
        <nav class="navbar navbar-default navbar-inverse" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" onclick="sendToMainPage()"
                        data-target="#bs-example-navbar-collapse-1"><span class="sr-only">MBox控制台</span><span
                        class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="javascript:window.reload();">MBox控制台</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul id="sys_menu" class="nav navbar-nav">
                    <li class="active">
                        <a href="#">资源管理</a>
                    </li>
                    <li>
                        <a href="#">字典管理</a>
                    </li>
                </ul>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control"/>
                    </div>
                    <button type="submit" class="btn btn-default">查询</button>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a style="color: white;"><span th:text="${session.loginUser.realName}">系统管理员</span> 欢迎您~</a>
                    </li>
                    <li>
                        <a href="javascript:loginOut();">退出</a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">系统设置<strong
                                class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li style="height: 35px;">
                                <a href="#">密码修改</a>
                            </li>
                            <li style="height: 35px;">
                                <a href="#">基本信息</a>
                            </li>
                            <li style="height: 35px;">
                                <a href="#">系统设置</a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">关于系统</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>

<!--中间主要内容-->
<div th:fragment="center" class="row clearfix full-height">
    <div class="col-md-1 column full-height" style="width:12%;padding:0px;">
        <ul id="sys_secmenu" class="nav nav-pills nav-stacked">
        </ul>
    </div>
    <div class="col-md-11 column full-height" style="width:88%;padding:0px;">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul class="nav nav-tabs col-md-12" id="sys_tabs">
                </ul>
            </div>
        </div>
        <div class="row clearfix full-height" style="overflow: hidden;">
            <div class="col-md-12 column full-div">
                <div id="sys_iframes" class="tab-content col-md-12 full-height">
                </div>
            </div>
        </div>
    </div>
</div>

<!--底部版权信息模板-->
<div th:fragment="footer" class="row clearfix" style="border-top: black solid;">
    <div class="col-md-12 column text-center" style="background: gray; color:white;">
        <br/>
        <br/>
        <address><strong>Twitter, Inc.</strong> 795 Folsom Ave, Suite 600 San Francisco, CA 94107<br/>
            <abbr title="Phone">P:</abbr> (123) 456-7890
        </address>
    </div>
</div>

<head th:fragment="common_header(title,scripts,links,styles)">
    <meta charset="UTF-8">
    <base th:href="@{/}"/>
    <title th:replace="${title}">mbox title</title>
    <link rel="shortcut icon" th:href="@{/images/icon/hd.ico}" type="image/x-icon"/>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link th:href="@{/bootstrap-3.3.7-dist/css/bootstrap.min.css}" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script th:src="@{/jquery/jquery-3.3.1.min.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/public/pager.js}"></script>
    <script th:src="@{/public/public_request.js}"></script>
    <script th:src="@{/public/public_window.js}"></script>
    <script th:src="@{/public/utils.js}"></script>
    <script th:src="@{/main/console.js}"></script>
    <th:block th:replace="${scripts}"></th:block>
    <th:block th:replace="${links}"></th:block>
    <th:block th:replace="${styles}"></th:block>
</head>
<div th:fragment="pager(pager)">
    <div id="pageParam">
        <!--总页数-->
        <input type="hidden" id="totalPages" th:value="${pager.totalPages}"/>
        <!--总条数-->
        <input type="hidden" id="totalElements" th:value="${pager.totalElements}"/>
        <!--页面大小-->
        <input type="hidden" id="size" th:value="${pager.size}"/>
        <!--当前页码-->
        <input type="hidden" id="number" th:value="${pager.number}"/>
    </div>
    <ul class="pagination pagination-lg">
        <li><a id="topPage" href="javascript:void(0)" title="首页">&laquo;</a></li>
        <li><a id="provPage" href="javascript:void(0)" title="上一页">&larr;</a></li>
        <li><a id="page0" href="javascript:void(0)">1</a></li>
        <li><a id="page1" href="javascript:void(0)">2</a></li>
        <li><a id="page2" href="javascript:void(0)">3</a></li>
        <li><a id="page3" href="javascript:void(0)">4</a></li>
        <li><a id="page4" href="javascript:void(0)">5</a></li>
        <li><a id="nextPage" href="javascript:void(0)" title="下一页">&rarr;</a></li>
        <li><a id="bottomPage" href="javascript:void(0)" title="尾页">&raquo;</a></li>
    </ul>
</div>
</body>
</html>